import {onMounted, reactive} from 'vue';
import axios from 'axios';
// 必须包裹在一个函数里，匿名函数也行
export default function(){
  // 数据
  let dogList = reactive([
    'https://images.dog.ceo/breeds/pembroke/n02113023_12192.jpg'
  ])
  // 方法
  async function getDog(){
    try{
      let result = await axios.get('https://dog.ceo/api/breed/pembroke/images/random')
    // console.log(result.data.message);
    dogList.push(result.data.message) 
    }catch(error){
      alert(error)
    }  
  }

  // 钩子
  onMounted(()=>{
    getDog()
  })
  // 向外部提供
  return {dogList,getDog}
}
